<template>
	<view>
		<div class="g1">
			<image class="yk" src="/static/圆框.png"></image>
			<image class="qsk" src="/static/i1.png"></image>
			<text class="qs">轻松得积分</text>
		</div>
		<div class="g2">
			<image class="bk1" src="/static/白框.png"></image>
			<image class="xxsp" src="/static/商品线性.png"></image>
			<text class="xr">新人有好礼</text>
			<image class="dj1" src="/static/点击.png"></image>
		</div>
		<div class="g3">
			<image class="bk2" src="/static/白框.png"></image>
			<image class="sp" src="/static/商品.png"></image>
			<text class="jxsp">看精选商品</text>
			<image class="dj2" src="/static/点击.png"></image>
		</div>
		<div class="g4">
			<image class="bk3" src="/static/白框.png"></image>
			<image class="yh" src="/static/商品分析.png"></image>
			<text class="jxyh">看精选优惠</text>
			<image class="dj3" src="/static/点击.png"></image>
		</div>
		<div class="g5">
			<image class="bk4" src="/static/白框.png"></image>
			<image class="yp" src="/static/商品管理.png"></image>
			<text class="jxyp">看精选药品</text>
			<image class="dj4" src="/static/点击.png"></image>
		</div>
		
		<view style="background-color: #F95738;width: 100%;
		  height: 120rpx;
		  position:fixed;
		  bottom: 0;
		  display:flex;
		  flex-direction:row;
		  justify-content:flex-start;">
		   <view @click="gotohome" id="button1">
		   <image src="/static/home.png" style="width: 60rpx;height: 60rpx;margin-left: 50rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left: 47rpx;font-weight: 900;">首页</view>
		   </view>
		   <view @click="gotozf" id="button2">
		   <image src="/static/zf.png" style="width: 60rpx;height: 60rpx;margin-left: 230rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left: 190rpx;font-weight: 900;">一键转发</view>
		   </view>
		   <view @click="gotomy" id="button3">
		   <image src="/static/me.png" style="width: 60rpx;height: 60rpx;margin-left: 170rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left:170rpx;font-weight: 900;">我的</view>
		   </view>
		  </view>
	</view>
</template>

<script>
	export default{
		methods:{
			gotohome(){
				uni.switchTab({
					url:"/pages/index/index"
				})
			},
			gotozf(){
				uni.switchTab({
					url:"/pages/zf/zf"
				})
			},
			gotomy(){
				uni.switchTab({
					url:"/pages/my/my"
				})
			}
			
		}
	}
</script>

<style>
	.g1{
		display: flex;
		flex-direction: row;
		position: relative;
	}
	.qsk{
		position: absolute;
		width: 400rpx;
		height: 110rpx;
		margin-top: 210rpx;
		margin-left: 170rpx;
	}
	.qs{
		position: absolute;
		font-size: 50rpx;
		font-weight: bold;
		margin-top: 230rpx;
		margin-left: 250rpx;
	}
	.yk{
		width: 750rpx;
		height: 835rpx;
		margin-top: 250rpx;
		position: absolute;
		
	}
	.g2{
		display: flex;
		position: relative;
	}
	.bk1{
		position: absolute;
		width: 650rpx;
		height: 120rpx;
		margin-top: 380rpx;
		margin-left: 50rpx;
	}
	.xxsp{
		position: absolute;
		width: 90rpx;
		height: 90rpx;
		margin-top: 395rpx;
		margin-left: 70rpx;
	}
	.xr{
		position: absolute;
		font-size: 50rpx;
		font-weight: bold;
		margin-top: 405rpx;
		margin-left: 200rpx;
	}
	.dj1{
		position: absolute;
		width: 90rpx;
		height: 90rpx;
		margin-top: 395rpx;
		margin-left: 545rpx;
	}
	.g3{
		display: flex;
		position: relative;
	}
	.bk2{
		position: absolute;
		width: 650rpx;
		height: 120rpx;
		margin-top: 550rpx;
		margin-left: 50rpx;
	}
	.sp{
		position: absolute;
		width: 90rpx;
		height: 90rpx;
		margin-top: 565rpx;
		margin-left: 70rpx;
	}
	.jxsp{
		position: absolute;
		font-size: 50rpx;
		font-weight: bold;
		margin-top: 575rpx;
		margin-left: 200rpx;
	}
	.dj2{
		position: absolute;
		width: 90rpx;
		height: 90rpx;
		margin-top: 565rpx;
		margin-left: 545rpx;
	}
	.g4{
		display: flex;
		position: relative;
	}
	.bk3{
		position: absolute;
		width: 650rpx;
		height: 120rpx;
		margin-top: 710rpx;
		margin-left: 50rpx;
	}
	.yh{
		position: absolute;
		width: 90rpx;
		height: 90rpx;
		margin-top: 725rpx;
		margin-left: 70rpx;
	}
	.jxyh{
		position: absolute;
		font-size: 50rpx;
		font-weight: bold;
		margin-top: 735rpx;
		margin-left: 200rpx;
	}
	.dj3{
		position: absolute;
		width: 90rpx;
		height: 90rpx;
		margin-top: 725rpx;
		margin-left: 545rpx;
	}
	
	.g5{
		display: flex;
		position: relative;
	}
	.bk4{
		position: absolute;
		width: 650rpx;
		height: 120rpx;
		margin-top: 870rpx;
		margin-left: 50rpx;
	}
	.yp{
		position: absolute;
		width: 90rpx;
		height: 90rpx;
		margin-top: 885rpx;
		margin-left: 70rpx;
	}
	.jxyp{
		position: absolute;
		font-size: 50rpx;
		font-weight: bold;
		margin-top: 895rpx;
		margin-left: 200rpx;
	}
	.dj4{
		position: absolute;
		width: 90rpx;
		height: 90rpx;
		margin-top: 885rpx;
		margin-left: 545rpx;
	}
</style>